<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=path %>/js/echarts.min.js"></script>

<script type="text/javascript" src="js/jquery.js"></script>
	<div class="place">
    <span>位置：</span>
    <ul class="placeul">
    <li><a href="#">首页</a></li>
    <span id="weather" style="margin-left:30%;"></span>
    </ul>
    </div>
    
    <div class="mainindex">
    
    <div class="welinfo">
    <span><img src="images/manage/man.png" alt="您好" style="width:20px;height:20px;" /></span>
       <b>${curuser.account}您好，欢迎使用视盾科技管理系统</b>
    </div>
      
    <div class="welinfo"> 
    <span><img src="images/time.png" alt="时间" /></span>
    <i>您上次登录的时间：2013-10-09 15:22</i><a href="log_login_list.jsp">（有疑问？查看我的登录日志）</a>
    </div>
    
    <div class="xline"></div>
    
    <jsp:include page="common.jsp"></jsp:include>
    
    <div id="main" style="width: 600px;height:400px;margin-top:50px;margin-left:auto;margin-right:auto;"></div>
    <script type="text/javascript">
    	var path='<%=basePath%>';
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));

        // 指定图表的配置项和数据
        var option = {
					    title : {
					        text: '管理系统访问统计	',
					        subtext: '近三个月',
					        x:'center'
					    },
					    tooltip : {
					        trigger: 'item',
					        formatter: "{a} <br/>{b} : {c} ({d}%)"
					    },
					    legend: {
					        orient: 'vertical',
					        left: 'left',
					        data: []
					    },
					    series : [
					        {
					            name: '访问统计',
					            type: 'pie',
					            radius : '55%',
					            center: ['50%', '60%'],
					            data:[
					                
					            ],
					            itemStyle: {
					                emphasis: {
					                    shadowBlur: 10,
					                    shadowOffsetX: 0,
					                    shadowColor: 'rgba(0, 0, 0, 0.5)'
					                }
					            }
					        }
					    ]
					};
        
        $(function(){
        	initCharts();
        	findWeather();
        }) ;
        
        function initCharts(){
        	
        	$.ajax({
        		type: "POST",
                url: path+"adminUserAction_getLoginInfo.action",
                data: {},
                dataType: "json",
                async:false,
                success:function(res){
                	for(var i=0;i<res.data.length;i++){
            			var e=res.data[i];
            			option.legend.data.push(e.account+" "+e.remark);
            			var sd={};
            			sd.value=e.portrait;
            			sd.name=e.account+" "+e.remark;
            			option.series[0].data.push(sd);
            		}
                	myChart.setOption(option); 
                }
        	});
        	
        }
    </script>
    
  <!--   <ul class="iconlist">
    
    <li><img src="images/ico01.png" /><p><a href="#">管理设置</a></p></li>
    <li><img src="images/ico02.png" /><p><a href="#">发布文章</a></p></li>
    <li><img src="images/ico03.png" /><p><a href="#">数据统计</a></p></li>
    <li><img src="images/ico04.png" /><p><a href="#">文件上传</a></p></li>
    <li><img src="images/ico05.png" /><p><a href="#">目录管理</a></p></li>
    <li><img src="images/ico06.png" /><p><a href="#">查询</a></p></li> 
            
    </ul>
    
    <div class="box"></div>
    
    <div class="welinfo">
    <span><img src="images/dp.png" alt="提醒" /></span>
    <b>Uimaker信息管理系统使用指南</b>
    </div>
    
    <ul class="infolist">
    <li><span>您可以快速进行文章发布管理操作</span><a class="ibtn">发布或管理文章</a></li>
    <li><span>您可以快速发布产品</span><a class="ibtn">发布或管理产品</a></li>
    <li><span>您可以进行密码修改、账户设置等操作</span><a class="ibtn">账户管理</a></li>
    </ul>
    
    <div class="xline"></div>
    
    <div class="uimakerinfo"><b>查看Uimaker网站使用指南，您可以了解到多种风格的B/S后台管理界面,软件界面设计，图标设计，手机界面等相关信息</b>(<a href="http://www.uimaker.com" target="_blank">www.uimaker.com</a>)</div>
    
    <ul class="umlist">
    <li><a href="#">如何发布文章</a></li>
    <li><a href="#">如何访问网站</a></li>
    <li><a href="#">如何管理广告</a></li>
    <li><a href="#">后台用户设置(权限)</a></li>
    <li><a href="#">系统设置</a></li>
    </ul>
     -->
    
    </div>